<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <script src="js/libs/resize.js"></script>
    <!-- build:css  css/z.min.css-->
    <link rel="stylesheet" href="css/framework7.ios.min.css" />
    <link rel="stylesheet" href="css/f7.css" />
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/style/major.css">
    <title>专业大全</title>
</head>

<body>
    <div class="views">
        <div id="mainView" class="view view-main">
            <div class="navbar navbar-hidden hide"></div>

            <div class="pages">
                <div data-page="repairList" class="page">

                    <div class="food-list-header">
                        <ul>
                            <li data-id="10" class="active">本科</li>
                            <li></li>
                            <li data-id="1">专科</li>
                        </ul>
                    </div>
                    <!-- 列表-->
                    <!-- <div id="page-content" class="page-content pull-to-refresh-content infinite-scroll home_scroll home_pull"> -->
                    <div id="page-content" class="page-content">
                        <div class="list-block accordion-list">
                            <ul id="test-1">
                                <li class="accordion-item">
                                    <a href="#" class="item-content item-link">
                                        <div class="item-inner">
                                            <div class="item-title">Item 1</div>
                                        </div>
                                    </a>
                                    <div class="accordion-item-content">
                                        <div class="content-block">
                                            <div class="list-block accordion-list">
                                                <ul>
                                                    <li class="accordion-item">
                                                        <a href="#" class="item-content item-link">
                                                            <div class="item-inner">
                                                                <div class="item-title">Item 1--1</div>
                                                            </div>
                                                        </a>
                                                        <div class="accordion-item-content">
                                                            <div class="content-block">
                                                                <p>Item 1--1 content. Lorem ipsum dolor sit amet...</p>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="accordion-item">
                                                        <a href="#" class="item-content item-link">
                                                            <div class="item-inner">
                                                                <div class="item-title">Item 1--2</div>
                                                            </div>
                                                        </a>
                                                        <div class="accordion-item-content">
                                                            <div class="content-block">
                                                                <p>Item 1--2 content. Lorem ipsum dolor sit amet...</p>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="accordion-item">
                                    <a href="#" class="item-content item-link">
                                        <div class="item-inner">
                                            <div class="item-title">Item 2</div>
                                        </div>
                                    </a>
                                    <div class="accordion-item-content">
                                        <div class="content-block">
                                            <div class="list-block accordion-list">
                                                <ul>
                                                    <li class="accordion-item">
                                                        <a href="#" class="item-content item-link">
                                                            <div class="item-inner">
                                                                <div class="item-title">Item 1--1</div>
                                                            </div>
                                                        </a>
                                                        <div class="accordion-item-content">
                                                            <div class="content-block">
                                                                <p>Item 1--1 content. Lorem ipsum dolor sit amet...</p>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="accordion-item">
                                                        <a href="#" class="item-content item-link">
                                                            <div class="item-inner">
                                                                <div class="item-title">Item 1--2</div>
                                                            </div>
                                                        </a>
                                                        <div class="accordion-item-content">
                                                            <div class="content-block">
                                                                <p>Item 1--2 content. Lorem ipsum dolor sit amet...</p>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="accordion-item">
                                    <a href="#" class="item-content item-link">
                                        <div class="item-inner">
                                            <div class="item-title">Item 3</div>
                                        </div>
                                    </a>
                                    <div class="accordion-item-content">
                                        <div class="content-block">
                                            <div class="list-block accordion-list">
                                                <ul>
                                                    <li class="accordion-item">
                                                        <a href="#" class="item-content item-link">
                                                            <div class="item-inner">
                                                                <div class="item-title">Item 1--1</div>
                                                            </div>
                                                        </a>
                                                        <div class="accordion-item-content">
                                                            <div class="content-block">
                                                                <p>Item 1--1 content. Lorem ipsum dolor sit amet...</p>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="accordion-item">
                                                        <a href="#" class="item-content item-link">
                                                            <div class="item-inner">
                                                                <div class="item-title">Item 1--2</div>
                                                            </div>
                                                        </a>
                                                        <div class="accordion-item-content">
                                                            <div class="content-block">
                                                                <p>Item 1--2 content. Lorem ipsum dolor sit amet...</p>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <!-- <div class="pull-to-refresh-layer">
                            <div class="preloader"></div>
                            <div class="pull-to-refresh-arrow"></div>
                        </div> -->
                        <!--主内容************-->
                        <!-- <div class="list-block media-list ">
                            
                        </div> -->
                        <!-- <div class="empty-data">
                            <p>已加载全部数据</p>
                        </div> -->
                        <!-- <div class="infinite-scroll-preloader home-scroll">
                            <div class="preloader"></div>
                        </div> -->

                    </div>

                </div>
            </div>
        </div>
    </div>

    <!-- Links popover -->
    <!--##############模板加载 报修列表 {{#if isFirstLoad}} {{/if}}#####################-->
    <script type="text/template7" id="tplFoodItem">
        {{#each this}}
        <li class="accordion-item">
                <a href="#" class="item-content item-link major-a" data-id={{id}} data-class={{formatId id}} >
                    <div class="item-inner">
                        <div class="item-title">{{label}}</div>
                    </div>
                </a>
                <div class="accordion-item-content">
                    <div class="content-block">
                        <div class="list-block">
                            <ul id={{formatId id}} >
                                <li class="item-content">
                                    <div class="item-inner">
                                        <div class="item-title">Item</div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </li>
        {{/each}}
    </script>
    <script type="text/template7" id="tplMajorSmall">
        {{#each this}}
            <li class="item-content" data-id={{id}} >
                <div class="item-inner">
                  <div class="item-title">{{label}}</div>
                </div>
              </li>
        {{/each}}
    </script>

    <!-- 外部依赖 -->
    <!-- <script type="text/javascript" src="js/libs/vconsole.min.js"></script> -->
    <script type="text/javascript" src="js/libs/moment.min.js"></script>
    <script type="text/javascript" src="js/libs/framework7.min.js"></script>
    <script type="text/javascript" src="js/libs/jquery-3.3.1.min.js"></script>
    <!-- 初始化 -->
    <script src="js/init/f7.js"></script>
    <script src="js/init/tplManager.js"></script>
    <!-- 公共方法 -->
    <script src="js/utils/utils.js"></script>
    <!-- ajax -->
    <script src="js/server/http.js"></script>
    <!-- 页面逻辑 -->
    <script src="js/major.js"></script>
    <script src="js/index.js"></script>
    <!-- endbuild -->

</body>

</html>